<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html class="panel-fit"><head><style>
.title span{
            background-color: #cee6ff;
            margin-right: 2rem;
        }
        li{
            line-height: 1.5rem;
        }
        li>span{
            display: inline-block;
        }
        li>span:nth-child(1){
            width: 25%;
        }
        li>span:nth-child(2){
            width: 35%;
        }
        li>span:nth-child(3){
            width: 35%;
        }
        html {
            font-size : 18px;
        }
        @media only screen and (min-width: 360px){
            html {
                font-size: 19px !important;
            }
        }
        @media only screen and (min-width: 375px){
            html {
                font-size: 20px !important;
            }
        }
        @media only screen and (min-width: 401px){
            html {
                font-size: 22.5px !important;
            }
        }
        @media only screen and (min-width: 428px){
            html {
                font-size: 26.75px !important;
            }
        }
        @media only screen and (min-width: 481px){
            html {
                font-size: 30px !important;
            }
        }
        @media only screen and (min-width: 569px){
            html {
                font-size: 33px !important;
            }
        }
        @media only screen and (min-width: 641px) {
            html {
                font-size: 40px !important;
            }
        }
        .main_title{
            overflow: hidden;
            font-size: 0.8rem;
            text-align: center;
        }
        .main_title>div {
		    width: 25%;
		    float: left;
		    padding-top: 3rem;
		    padding-bottom: 1rem;
		}
		
		
		
		
        .cardBuyBtn{
            background:url('${pageContext.request.contextPath}/images/salesImages/card_buy_unselect.png') no-repeat center 15%;
            background-size: 50%;
        }
        .cardBuyBtn1{
            background:url('${pageContext.request.contextPath}/images/salesImages/card_buy_select.png') no-repeat center 15%;
            background-color:#19577a;
            background-size: 50%;
        }
        .agentManagerBtn{
            background:url('${pageContext.request.contextPath}/images/salesImages/agent_manager_unselect.png') no-repeat center 15%;
            background-size: 50%;
        }
        .agentManagerBtn1{
            background:url('${pageContext.request.contextPath}/images/salesImages/agent_manager_select.png') no-repeat center 15%;
            background-color:#19577a;
            background-size: 50%;
        }
        .personalBtn{
            background:url('${pageContext.request.contextPath}/images/salesImages/personal_unselect.png') no-repeat center 15%;
            background-size: 50%;
        }
        .personalBtn1{
            background:url('${pageContext.request.contextPath}/images/salesImages/personal_select.png') no-repeat center 15%;
            background-color:#19577a;
            background-size: 50%;
        }
        .gonggaoBtn{
            background:url('${pageContext.request.contextPath}/images/salesImages/gonggao_unselect.png') no-repeat center 15%;
            background-size: 50%;
        }
        .gonggaoBtn1{
            background:url('${pageContext.request.contextPath}/images/salesImages/gonggao_select.png') no-repeat center 15%;
            background-color:#19577a;
            background-size: 50%;
        }
        
        
        
        
        button div{
            padding-top:60%;
            font-size:0.8rem;
            color:#333333;
        }
        #topBackId{
            position: relative;
            vertical-align: top;
            top: 30%;
            vertical-align: top;
            border-width: 0 0 1px 1px;
        }
        a .l-btn-left .l-btn-empty{
            width:40px;
        }
        .scroll-wrapper {
            -webkit-overflow-scrolling: touch;
            overflow-y: auto;
        }
</style>

    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>众游娱乐房卡系统</title>
    <%-- <script data-main="${pageContext.request.contextPath}/js/mobilejs/mainView/main" src="${pageContext.request.contextPath}/js/mobilejs/libMobile/require.js"></script> 
    --%> <script type="text/javascript" src="${pageContext.request.contextPath}/js/mobilejs/libMobile/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/mobilejs/libMobile/jquery.easyui.min.js"></script> 
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/common/ajaxEvent.js"></script> 
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/mobilejs/libMobile/themes/material/easyui.css">  
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/mobilejs/libMobile/themes/mobile.css">  
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/mobilejs/libMobile/themes/icon.css">  
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/mobilejs/libMobile/jquery.easyui.mobile.js"></script>
   <%--  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="main" src="${pageContext.request.contextPath}/js/mobilejs/mainView/main.js"></script>  
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="mainView" src="${pageContext.request.contextPath}/js/mobilejs/mainView/mainView.js"></script>
     --%>
    <%-- <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Constants" src="${pageContext.request.contextPath}/js/mobilejs/../common/Constants.js" ></script>
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="tyutil" src="${pageContext.request.contextPath}/js/common/tyutil2.js"></script> 
    --%> 
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="easyui" src="${pageContext.request.contextPath}/js/mobilejs/libMobile/jquery.easyui.min.js"></script>
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery"  src="${pageContext.request.contextPath}/js/mobilejs/libMobile/jquery.easyui.min.js"></script>
    <!-- 获取地域 -->

</head>


<body class="panel-noscroll">
    <div id="header" class="panel navpanel easyui-fluid" style="display: block; width: 100%;position: static;left:0;top: 0">
    <header style="height: 35px;background-color: rgb(25, 87, 122);" class="panel-header panel-header-noborder">
            <div class="m-toolbar" style="background-color:#19577a">
                <div class="m-title" style="color:#ffffff;padding-top:4px;">
                <p id="mainTitleId" style="font-size:20px;margin: 0;text-align:left;"> 
                	<c:if test="${userSession.rid==1}">代理商，你好</c:if>
			        <c:if test="${userSession.rid==2}">推广员，你好</c:if> 
			        <c:if test="${userSession.rid==3}">管理员，你好</c:if> 
			        <c:if test="${userSession.rid==4}">合作方，你好</c:if>
			        <c:if test="${userSession.rid==5}">玩家，你好</c:if>
                </p>
                	<p style="position: absolute;right: 0%;top: 0%" id="userTip">
                	<!-- 代理商，您好！ -->
                	
                	</p>
                </div>
                <div class="m-left" style="margin-top:4px;margin-left:5px;">
	            </div>
                <div class="m-right">
                   <!-- <a href="javascript:void(0)" class="easyui-menubutton" data-options="iconCls:'icon-moreSales',menu:'#cardType_mm',menuAlign:'right',hasDownArrow:false" style="width:41px;height:14px;margin-right:2px;margin-top:-5px;"></a> -->
                </div>
            </div>
        </header><header style="background-color: rgb(255, 255, 255);" class="panel-header panel-header-noborder">
	        <!-- <div>
	        	<button class="cardBuyBtn" id="cardBuyClickId" style=""><div class="cardBuyText" style="">房卡管理</div></button><button class="agentManagerBtn" id="agentManagerClickId" style=""><div id="roleTopDiv">角色管理</div></button><button class="personalBtn" id="personalClickId" style=""><div>个人中心</div></button><button class="gonggaoBtn" id="gonggaoClickId" style=""><div>系统公告</div></button>
	        </div> -->
	        <div class="main_title">
			    <div class="cardBuyBtn" id="cardBuyClickId" style="">
			        <div class="cardBuyText" style="">我的房卡</div>
			    </div>
			    <div class="agentManagerBtn" id="agentManagerClickId" style="">
			        <div id="roleTopDiv">   推广员管理 </div>
			    </div>
			    <div class="personalBtn" id="personalClickId" style="">
			        <div>用户管理</div>
			    </div>
			    <div class="gonggaoBtn" id="gonggaoClickId" style="">
			    	个人中心
			    </div>
			</div>
        </header><!-- <div class="easyui-navpanel panel-body panel-body-noborder" style="position: absolute; width: 375px; height: 576px;" title="">
        
        
    </div> --></div>
    <!-- <hr width="100%" color="#ecf0f1" size="5"> -->
    <div id="iframeId" class="scroll-wrapper" style="/* margin-top: 142px; height: 482px;*/ ">
     	<iframe id="mainContent" onload="setIframeHeight(this)" width="100%"  height="100%" frameborder="0" scrolling="auto" src="#"> 
     	
     	</iframe>
    </div>
	

<div id="cardType_mm" class="easyui-menu menu-top menu menu-noline easyui-fluid" style="width: 137px; height: 0px; overflow: hidden; display: none; left: 0px; top: 0px;">
	<div class="menu-line" style="height: 4px;">
	
	</div>
</div>
</body>
<script type="text/javascript">
	function setIframeHeight(iframe) {
		if (iframe) {
			var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
			if (iframeWin.document.body) {
				//iframe.height = iframeWin.document.documentElement.offsetHeight || iframeWin.document.body.scrollHeight;
			}
		}			
	};
	$(function () {       
		buttonInit();
		//getIpPlace();
		
		$("#iframeId").height($(window).height() - $("#header").height());
	});
    function getIpPlace() {
    	$("#mainTitleId").html(remote_ip_info["city"]);
    }
    
    function buttonInit() {
		if('${userSession.freeze}' != 1) {
			$('#cardBuyClickId').click(function() {
				document.getElementById("mainContent").src='${pageContext.request.contextPath}/admin/user_add_card_mobile.html';
				
				
				
				$("#cardBuyClickId").removeClass("cardBuyBtn");
				$("#cardBuyClickId").addClass("cardBuyBtn1");
				
				$("#agentManagerClickId").removeClass("agentManagerBtn1");
				$("#agentManagerClickId").addClass("agentManagerBtn");
				
				$("#gonggaoClickId").removeClass("gonggaoBtn1");
				$("#gonggaoClickId").addClass("gonggaoBtn");
				
				$("#personalClickId").removeClass("personalBtn1");
				$("#personalClickId").addClass("personalBtn");
				
				
				
			});
			$('#agentManagerClickId').click(function() {
				

				$("#cardBuyClickId").removeClass("cardBuyBtn1");
				$("#cardBuyClickId").addClass("cardBuyBtn");
				
				$("#agentManagerClickId").removeClass("agentManagerBtn");
				$("#agentManagerClickId").addClass("agentManagerBtn1");
				
				$("#personalClickId").removeClass("personalBtn1");
				$("#personalClickId").addClass("personalBtn");
				
				$("#gonggaoClickId").removeClass("gonggaoBtn1");
				$("#gonggaoClickId").addClass("gonggaoBtn");
				
				document.getElementById("mainContent").src='${pageContext.request.contextPath}/admin/user_main_mobile.html';
			});
			
		
			
			$('#personalClickId').click(function() {
				
				$("#cardBuyClickId").removeClass("cardBuyBtn1");
				$("#cardBuyClickId").addClass("cardBuyBtn");
				
				$("#agentManagerClickId").removeClass("agentManagerBtn1");
				$("#agentManagerClickId").addClass("agentManagerBtn");
				
				$("#personalClickId").removeClass("personalBtn");
				$("#personalClickId").addClass("personalBtn1");
				
				$("#gonggaoClickId").removeClass("gonggaoBtn1");
				$("#gonggaoClickId").addClass("gonggaoBtn");
				
			
				
		    	document.getElementById("mainContent").src='${pageContext.request.contextPath}/admin/user_manage_mobile.html';
			});
			
			
			$('#gonggaoClickId').click(function() {
				
				$("#cardBuyClickId").removeClass("cardBuyBtn1");
				$("#cardBuyClickId").addClass("cardBuyBtn");
				
				$("#agentManagerClickId").removeClass("agentManagerBtn1");
				$("#agentManagerClickId").addClass("agentManagerBtn");
				
				$("#personalClickId").removeClass("personalBtn1");
				$("#personalClickId").addClass("personalBtn");
				
				$("#gonggaoClickId").removeClass("gonggaoBtn");
				$("#gonggaoClickId").addClass("gonggaoBtn1");
				
		    	document.getElementById("mainContent").src='${pageContext.request.contextPath}/admin/user_info_mobile.html';
			});
			
		} else {
			var phoneNumber = "byqp518";
			$('#cardBuyClickId').click(function() {
				alert("您的账号尚未激活，请联系官方客服" + phoneNumber);
			});
			$('#agentManagerClickId').click(function() {
				alert("您的账号尚未激活，请联系官方客服" + phoneNumber);
			});
			$('#gonggaoClickId').click(function() {
				alert("您的账号尚未激活，请联系官方客服" + phoneNumber);
			});
		}
		
		$('#personalClickId').click();
    }
    
</script>
</html>